<template>
	<view class="content">
		<view class="list" v-for="(item,index) in tslist">
			<view class="listl">
				<image src="../../../static/my/shoplogo.png" mode=""></image>
			</view>
			<view class="listr">
				<view class="listr1">
					<text>{{item.title}}</text>
				</view>
				<view class="listr2">
					<text>课时单价： {{item.price}}</text>
				</view>
				<view class="listr2">
					<text>总课时： {{item.ks}}</text>
				</view>
				<view class="listbt">
					<view class="listbt1">
						<button type="default">修改</button>
					</view>
					<view class="listbt2">
						<button type="default" @click="ts()">推送至校园</button>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tslist:[
					{
						id:0,
						title:'A特色课名称',
						price:32,
						ks:4
					},
					{
						id:1,
						title:'A特色课名称',
						price:32,
						ks:4
					},
					{
						id:2,
						title:'A特色课名称',
						price:32,
						ks:4
					},
				]
			}
		},
		methods: {
			ts(){
				uni.navigateTo({
					url:'/pages/shop/mushop/select_school1'
				})
			}
		}
	}
</script>

<style>
.content{
	width: 750rpx;
	height: 1624rpx;
	background: #FAFAFA;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	padding-top: 32rpx;
	
}
.list{
	width: 690rpx;
	height: 312rpx;
	background: #FFFFFF;
	border-radius: 8rpx 8rpx 8rpx 8rpx;
	margin: 0 auto 32rpx;
	padding-top: 32rpx;
	display: flex;
}
.listl{
	margin-left: 32rpx;
	margin-right: 32rpx;
}
.listl image{
	width: 216rpx;
	height: 216rpx;
	
}
.listr1{
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 28rpx;
	color: #333333;
}
.listr2{
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 28rpx;
	color: #333333;
	margin-top: 16rpx;
	
}
.listbt{
	display: flex;
	margin-top: 40rpx;
}
.listbt1 button{
	width: 144rpx;
	height: 56rpx;
	background: #FFFFFF;
	border-radius: 120rpx 120rpx 120rpx 120rpx;
	border: 2rpx solid #409CFD;
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 26rpx;
	color: #409CFD;
	display: flex;
	align-items: center;
	justify-content: center;
}
.listbt2{
	margin-left: 32rpx;	
}
.listbt2 button{
	width: 196rpx;
	height: 56rpx;
	background: #409CFD;
	border-radius: 120rpx 120rpx 120rpx 120rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 26rpx;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
</style>
